<%@ page contentType="text/html; charset=utf-8"%>
<%@ include file="/global/jsp-header.jsp"%>
<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html">
		<title>代码结构示例</title>
		<link href="/static/css/package.css" rel="stylesheet"/>
		<link href="/static/jquery/plugin/idealforms/css/jquery.idealforms.css" rel="stylesheet"/>
		<script src="/static/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
	</head>
	<body>
		<div class="container ">
			<div class="content">
				<form id="myform">
					<h1>Forms 1.0</h1>
					<div>
						<label class="required">First Name:</label>
						<input type="text" size="40" />
					</div>
					<div>
						<label class="required">Password:</label>
						<input type="password" size="40"/>
					</div>
					<div>
						<label>Checkboxes:</label>
						<ul>
							<li><label><input type="checkbox" checked />Lorem</label></li>
							<li><label><input type="checkbox"/>Ipsum</label></li>
							<li><label><input type="checkbox"/>Dolor</label></li>
							<li><label><input type="checkbox"/>Sit amet</label></li>
						</ul>
					</div>
		
					<div>
						<label>State:</label>
						<select id="select">
							<option value="AL" selected >Alabama</option>
							<option value="AK">Alaska</option>
							<option value="AZ">Arizona</option>
							<option value="AR">Arkansas</option>
							<option value="CA">California</option>
							<option value="CO">Colorado</option>
							<option value="CT">Connecticut</option>
							<option value="DE">Delaware</option>
							<option value="DC">District Of Columbia</option>
						</select>
					</div>
		
					<div>
						<label>Numbers:</label>
						<select>
							<option>Number One</option>
							<option>Number Two</option>
							<option>Number Three</option>
							<option>Number Four</option>
							<option>Number Five</option>
							<option>Number Six</option>
						</select>
					</div>
		
					<div>
						<label>Radios:</label>
						<ul>
							<li><label><input type="radio" name="radios" checked />Lorem</label></li>
							<li><label><input type="radio" name="radios"/>Ipsum</label></li>
							<li><label><input type="radio" name="radios"/>Dolor</label></li>
							<li><label><input type="radio" name="radios"/>Sit amet</label></li>
						</ul>
					</div>
		
		
					<div>
						<label>&nbsp;</label>
						<input type="submit" value="Submit"/>
						<input type="reset" value="Reset"/>
					</div>
			</form>
		</div>
		</div>
	</body>
</html>
<script src="/static/jquery/plugin/idealforms/js/jquery.idealforms.min.js"></script>
<script type="text/javascript">
	$(function() {
		$('#myform').idealforms();
	});
</script>
